/* 工作流模块 */
.wf-cate-item .ion-ios-folder{ font-size: 40px; }
.wf-process-card{ position: relative; padding: 10px 10px 10px 40px; border-bottom: 1px solid #dddddd; }
.wf-process-card:last-child { border-bottom: none; }
.wf-process-card.active{ background-color: #fffdfa; }
.wf-process-card h4{ font-size: 16px; margin: 0 0 10px; }
.wf-process-card .label{ position: absolute; top: 10px; left: 10px; }

.wf-form .fsl{
  margin-top: 0;
}

.wf-form .fsl-title {
  display: block;
  font-size: 16px;
  width: 100%;
  padding-right: 15px;
  margin-bottom: 15px;
  border: none;
  outline: none;
  background: none;
  background-image: none;
}

.page-wf { 
  background-color: #efeff4; 
  color: #82939e;
}
.page-wf .checkbox.on,
.page-wf .radio.on{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.page-wf .checkbox.on:before,
.page-wf .radio.on:before{
  content:'';
  width: 16px;
  height: 14px;
  background: url('../img/icons/icon_ok.png') no-repeat;
  background-size: 100%;
  margin-right: 10px;
}
.page-wf .padding{
  padding: 10px 15px;
}
.page-wf .no-border-top{
  border-top: none !important;
}
.page-wf .no-border-bottom{
  border-bottom: none !important;
}
.page-wf .view-origin-form{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.page-wf .view-origin-form a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  color: #aaaaaa;
}
.page-wf .view-origin-form a:before{
  content: '';
  width: 16px;
  height: 14px;
  background: url('../img/icons/icon_pc.png') no-repeat;
  background-size: 100%;
  margin-right: 5px;
}

.wf-card{
  margin:0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; 
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  background-color: #fff;
}
.wf-card.no-margin-bottom{
  margin-bottom: 0;
}

.wf-card-header{
  height: 44px;
  border-bottom: 1px solid #dddddd;
  padding: 7px 15px;
  line-height: 44px;
}
.wf-card-header:last-child{
  border-bottom: 0 none;
}

.wf-card-title{
  margin: 0;
  line-height: 30px;
  font-size: 16px;
}

.wf-card-header-btn{
  position: relative;
  float: right;
  position: relative;
  width: 75px;
  height: 30px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
}

.wf-card-header-btn:before{
  content: '';
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url('../img/upload/icon_upload.png') no-repeat;
  background-size: 100%;
  margin-right: 3px;
}

.page-wf .has-value .input-content{
  -ms-word-break: break-all;
  word-break: break-all;
}


.page-wf .upload-img-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  /*justify-content: space-between;*/
  padding-bottom: 15px;
  padding-left: 15px;
}
.page-wf .input-file{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.page-wf .upload-img-box .img{
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 25px;
  margin-top: 15px;
}
.page-wf .upload-img-box .img img{
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.page-wf .upload-img-box .img i{
  position: absolute;
  right: 0;
  top: 0;
  width: 19px;
  height: 19px;
  background: url('../img/icons/icon40.png') no-repeat;
  background-size: 100%;
  -webkit-transform: translate(50%, -50%);
          -ms-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
}
.page-wf .upload-img-box .img ion-spinner{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.page-wf .upload-img-box .add{
  background: url('../img/upload/btn_add.png') no-repeat;
  background-size: 100%;
}
.page-wf .upload-img-box .cut{
  background: url('../img/upload/btn_cut.png') no-repeat;
  background-size: 100%;
}

.page-wf .file-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  padding: 10px 15px 10px 0;
  margin-left: 15px;
  border-bottom: 1px solid #dddddd;
}
.page-wf .file-item:first-child{
  border-top: 1px solid #dddddd;
}
.page-wf .file-item:last-child {
  border-bottom: 0;
}
.page-wf .file-item .right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.page-wf .icon-download,
.page-wf .icon-delete {
  width: 40px;
  border: none;
}
.page-wf .icon-download {
  height: 38px;
  background: url('../img/upload/icon_download.png') no-repeat center;
  background-size: 50%;
}
.page-wf .icon-delete {
  height: 34px;
  background: url('../img/upload/icon_delete.png') no-repeat center;
  background-size: 50%;
}
.page-wf .file-item .left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.page-wf .file-item .left img{
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
          align-self: center;
}
.page-wf .file-item .info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
  color: #000;
  font-size: 16px;
  margin-left: 15px;
}
.page-wf .file-item .info p{
  margin: 0;
}
.page-wf .file-item .size{
  color: #82939e;
  font-size: 14px;
}
.page-wf .feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start;
  border-bottom: 1px solid #dddddd;
}
.page-wf .feedback:last-child{
  border-bottom: none;
}
.page-wf .feedback-content{
  height: 70px;
}
.page-wf .feedback img{
  width: 35px;
  height: 35px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 15px;
  -ms-flex-negative: 0;
      -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.page-wf .feedback .info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
  color: #000;
}
.page-wf .feedback .name{
  font-size: 16px;
  margin: 0;
}
.page-wf .feedback .content{
  font-size: 16px;
  line-height: 1.5;
  margin: 10px 0;
}
.page-wf .feedback .mata{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  color: #82939e;
}
.page-wf .label {
   border-radius: 3px;
}
.page-wf .feedback .label {
  background: #82939e;
  color: #fff;
  margin-right: 5px;
}
.page-wf .feedback .mata time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
}
.page-wf .feedback .mata time:before{
  content: '';
  width: 2px;
  height: 2px;
  background: #82939e;
  border-radius: 50%;
  margin: 0 5px;
}

.page-wf-bottom{
  padding: 0;
}
.page-wf-bottom .tab-item.return button{
  color: #f36a5b;
}
.page-wf-bottom .tab-item.save button{
  color: #82939e;
}
.page-wf-bottom .tab-item.forwarded button{
  color: #40b1ff;
}

/* 工作流表单内容 */
.wf-form{}
/* @Todo: 避免引用其他模块私用的样式，如有需要则提取到共用部分 */
.wf-form .rp-icon-calendar { position: absolute; top: 15px; right: 15px; }
.wf-form .card .item.item-input input[type="datetime-local"] { padding-right: 0; }

.wfic{
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 170px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 170px;
  -ms-flex: 1 0 170px;
  flex: 1 0 170px;
}

.wfic-select select,
.wfic-auto select{ width: 80%; border: 1px solid #ddd; }

.wfic-radio .checkbox,
.wfic-checkbox .checkbox{ display: block; }
.wfic-radio .checkbox input,
.wfic-checkbox .checkbox input{ display: inline-block; vertical-align: middle; margin-right: 10px; padding-right: 0!important; width: 28px; }

.wfic-user .user-selector{ margin-top: -5px; margin-right: 30px; }
.wfic-user .ion-ios-plus{ position: absolute; top: 10px; right: 10px; font-size: 24px; }

.wfic-listview table{ min-width: 100%; margin-bottom: 5px; }
.wfic-listview table th,
.wfic-listview table td{ padding: 5px 8px; font-size: 14px; vertical-align: middle; text-align: center; }
.wfic-listview table th:first-child,
.wfic-listview table td:first-child{
  padding-right: 0;
}
.wfic-listview table td:first-child{
  color: #40b1ff
}

.wfic-listview table tr:nth-child(odd) td{
  background-color: #f9fbff;
}

.wfic-listview table tfoot td:not(:first-child){
  color: #40b1ff;
  font-weight: 700;
}
.wfic-listview table th{ border-bottom: 1px solid #40b1ff; color: #58585c; white-space: nowrap; }

.wfic-listview .button-positive{ margin-top: 0; margin-bottom: 0; }
.wfic-listview .button-positive .ion-ios-plus-empty{ font-size: 24px; vertical-align: -3px; }
.wfic-listview input[type="text"],
.wfic-listview textarea{
  border-bottom: 1px solid #DDD;
}
.wfic-listview input[type="text"] {
  width: 80px;
  text-align: center;
}

/* 工作流控件 - 图片上传 */
.wfic-imgupload .ion-ios-plus-empty {
  display: inline-block;
  position: relative;
  font-size: 80px;
  width: 100px;
  height: 100px;
  border: 2px dashed #ccc;
  color: #ccc;
  text-align: center;
  line-height: 90px;
}
.wfic-imgupload .ion-ios-plus-empty input[type="file"]{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.wfic-imgupload-img{
  position: relative;
  display: inline-block;
}
.wfic-imgupload-img img{
  vertical-align: middle;
}
.wfic-imgupload-img .ion-ios-upload-outline{
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #ebedf0;
  color: #82939e;
  border-radius: 50%;
  font-size: 26px;
  line-height: 40px;
}
.wfic-imgupload-img .ion-ios-upload-outline:active{
  background-color: #3497db;
  color: #fff;
}

/* 工作流控件 - 图片上传 */
.wfic-fileupload-btn{
  position: relative;
}
.wfic-fileupload-btn .button{
  padding-left: 30px;
  padding-right: 30px;
}
.wfic-fileupload-btn input[type="file"]{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.wfic-fileupload .item p{
  margin-top: 10px;
}
.wfic-fileupload .item p .anchor + .anchor{
  margin-left: 10px;
}

/* 工作流控件 - 签章手写 */
.wfic-sign-modal{ position: relative; }
.wfic-sign-modal-footer{ position: absolute; left: 0; right: 0; bottom: 0; }

.wfic-sign-view{ position: relative; }
.wfic-sign-view img{ max-width: 100% }
.wfic-sign-view .ion-ios-close{ position: absolute; right: 0; top: 0; font-size: 24px; }